<template>
	<public-view navType="other" navTitle="常见问题">
		<view class="content">
			<view class="trbox">
				<uni-collapse :border="false">
					<block v-for="(item, index) in question" :key="index">
						<uni-collapse-item :title="item.title" :open="false">
							<view class="neirong">
								<rich-text class="f-s-28 l-h-48" :nodes="item.value" style="color: #1F1F39;"></rich-text>
							</view>
						</uni-collapse-item>
					</block>
				</uni-collapse>
			</view>
		</view>
	</public-view>
	
</template>

<script>
	export default {
		data() {
			return {
				"--color":'20rpx',
				question:[]
			};
		},
		onLoad() {
			
		},
		onShow() {
			this.question = this.$store.state.public_config.question
		},
		methods:{
			
		}
	}
</script>
<style>
	
	.uni-collapse{
		background-color: transparent !important;
	}
	.uni-collapse-item__wrap-content{
		border: none !important;
	}
	.uni-collapse-item__title{
		background-color: #FFFFFF;
	}
	.uni-collapse-item__title-box{
		border-radius: 20upx;
	}
	.uni-collapse-item__wrap{
		background-color: transparent !important;
		border: none !important;
	}
</style>
<style lang="scss" scoped>
	.trbox{
		border-radius: 20rpx;
		overflow: hidden;
		margin-bottom: 22upx;
	}
	.neirong{
		padding: 30rpx 40rpx;
		background-color: #FFFFFF;
		box-sizing: border-box;
		width: 100%;
		// border-radius: 0 0 20rpx 20rpx;
	}
	.content{
		width: 750upx;
		padding: 36upx 24upx;
	}
</style>
